<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=0.3, maximum-scale=0.5, minimum-scale=0.3, user-scalable=yes">
		<title></title>
		<link rel="stylesheet" href="css/Using.css" />
		<link rel="stylesheet" href="css/susu.css" />
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/echarts.js"></script>
	</head>

	<body>
		<!--header-->
		<div class="posi">
			<div class="head playFlx">
				<div class="custom">
					<span class="mar50">客服电话：1345678912</span>
					<span>QQ：88888888</span>
				</div>
				<div class="logentry">
					<a href="login.html" class="colff">登录</a>
					<a class="colff">|</a>
					<a href="register.html" class="colff">注册</a>
				</div>
			</div>
			<div class="nav playFlx">
				<div class="logo playFlx">
					<img src="img/zilogo.png" alt="" class="loimg" />
					<div class="dline"></div>
					<span class="font25">更安全收益越高</span>
				</div>
				<div class="logo playFlx" style="width: 55%;">
					<a href="HomePage.html" class="home">首页</a>
					<a href="Buy_fund.html" class="home home_active">购买基金</a>
					<a href="scbf.html" class="home">账号信息</a>
					<a class="home">安全保障</a>
					<a class="home">关于我们</a>
				</div>
			</div>
		</div>
		
		<div class="buyfund_one" style="margin-top: 140px;">
			<div class="buyfund_two">
				<div class="echart">
					<p class="echart1">
						宁水资本基本走势图: <span>50112</span>
					</p>
					<p class="echart12">
						单日净值:
						<span>
							2012
						</span>
					</p>
					<div class="echarlr">
						<select class="ech_select">
							<option value="volvo" class="ech_op">Monthly</option>
							<option value="volvo" class="ech_op">Monthly2</option>
						</select>
					</div>
				</div>
				<div class="echar" id="main"></div>
			</div>
			<div class="tx" style="margin: 63px 0 61px 0;">
				<button class="buyfund_three" id="buyfund_shenqing" type="button">基金申请</button>
				<button class="buyfund_four" id="buyfund_shuhui" type="button">基金赎回</button>
			</div>
			<div class="buyfund_five"></div>
			<div class="flex2 " style="width: 1320px;margin:61px auto;">
				<div class="liang">
					<p class="colff font36 padT10">100亿</p>
					<p class="colff">SCBF总发行量</p>
				</div>
				<div class="liang">
					<p class="colff font24 padT26">5000000</p>
					<p class="colff">SCBF认购量</p>
				</div>

				<div class="liang">
					<p class="colff font24 padT26">100亿</p>
					<p class="colff">SCBF剩余量</p>
				</div>
				<div class="liang">
					<p class="colff font24 padT26">100亿</p>
					<p class="colff">SCBF剩余量</p>
				</div>
			</div>
			<div>
				<ul class="buyfund_six">
					<li class="buyfund_seven ">
						<span class="active">
							申购记录
						</span>
					</li>
					<li class="buyfund_eight">
						<span>
							赎回记录
						</span>
					</li>
				</ul>
				<div style="clear: both;"></div>
				<!--切换主体-->
				<div>
					<ul class="fund_nine">
						<li class="fund_ten tx">
							时间
						</li>
						<li class="fund_ten1 tx">
							类型
						</li>
						<li class="fund_ten2 tx">
							基金数量
						</li>
						<li class="fund_ten3 tx">
							SCBF
						</li>
						<li class="fund_ten4 tx">
							手续费
						</li>
						<li class="fund_ten5 tx">
							代币
						</li>
						<li class="fund_ten6 tx">
							操作
						</li>
						<li class="fund_ten7 tx">
							状态
						</li>
					</ul>
					<div class="fund_thirteen">
						<ul class="fund_nine1">
							<li class="fund_eleven tx">
								2018/12/30 10:30:30
							</li>
							<li class="fund_eleven1 tx">
								基金申购
							</li>
							<li class="fund_eleven2 tx">
								5000
							</li>
							<li class="fund_eleven3 tx">
								<span>5000</span>SCBF
							</li>
							<li class="fund_eleven4 tx">
								<span>0.015</span>BTC
							</li>
							<li class="fund_eleven5 tx">
								0.1051
							</li>
							<li class="fund_eleven6 tx">
								<button class="fund_twelve look_details" type="button">查看详情</button>
							</li>
							<li class="fund_eleven7 tx" style="color: rgb(30,141,205);">
								已完成
							</li>
						</ul>
						<ul class="fund_nine1">
							<li class="fund_eleven tx">
								2018/12/30 10:30:30
							</li>
							<li class="fund_eleven1 tx">
								基金申购
							</li>
							<li class="fund_eleven2 tx">
								5000
							</li>
							<li class="fund_eleven3 tx">
								<span>5000</span>SCBF
							</li>
							<li class="fund_eleven4 tx">
								<span>0.015</span>BTC
							</li>
							<li class="fund_eleven5 tx">
								0.1051
							</li>
							<li class="fund_eleven6 tx">
								<button class="fund_twelve look_details"  type="button">查看详情</button>
							</li>
							<li class="fund_eleven7 tx" style="color: rgb(30,141,205);">
								已完成
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="call flex1">
				<img src="img/zilogo.png" alt="" />
				<div class="lineT"></div>
				<div class="tal">
					<p>客服电话：1231456411</p>
					<p>客服邮箱：12@qq.com</p>
					<p>客服QQ：125555555</p>
					<p>工作时间：9:00-22:00</p>
				</div>
			</div>
			<div class="nub">版本号|备案号</div>
		</div>
		<!--遮罩层-->
		<div class="mask"></div>
		<!--申购弹窗-->
		<div class="dialog">
			<div class="bounced_one">
				基金申购
			</div>
			<div class="bounced_two">
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/zhifufangshi@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						支付方式：
					</div>
					<div class="bounced_six">
						<select class="bounced_seven" name="">
							<option value="">BTC</option>
						</select>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/erweima@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						钱包地址：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_ten" type="text" id="foo" value="1111" />
							<button class="bounced_eleven " type="button" class="bounced_eight" data-clipboard-target="#foo" aria-label="复制成功！">复制</button>
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/fenebiandonglvli@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						基金份额：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" placeholder="请输入购买份额" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/fenebiandonglvli@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						SCBF：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/bidui1@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						手续费：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/bidui1@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						支付数量：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
					<div class="bounced_thirteen">
						手续费扣除 <span>10</span>%
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three" style="margin-top: 10px;height: 150px;">
					<div class="bounced_four" style="">
						<img src="img/bidui1@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						上传凭证：
					</div>
					<div class="bounced_six">
						<img src="img/shangchuantupian@2x.png" alt="" />
					</div>
				</div>
			</div>
			<div class="cb"></div>
			<div class="tx">
				<button class="bounced_fourteen" type="button" style="">基金申购</button>
			</div>
		</div>
		<!--赎回弹窗-->
		<div class="dialog2">
			<div class="bounced_one">
				基金赎回
			</div>
			<div class="bounced_two">
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/fenebiandonglvli@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						基金份额：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" placeholder="请输入赎回份额" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/fenebiandonglvli@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						SCBF：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/zhifufangshi@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						到账地址：
					</div>
					<div class="bounced_six">
						<select class="bounced_seven" name="">
							<option value="">BTC</option>
						</select>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/erweima@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						钱包地址：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_ten" type="text" id="foo" value="1111" />
							<button class="bounced_eleven " type="button" class="bounced_eight" data-clipboard-target="#foo" aria-label="复制成功！">复制</button>
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/bidui1@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						手续费：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
				</div>
				<div class="cb"></div>
				<div class="bounced_three">
					<div class="bounced_four" style="">
						<img src="img/bidui1@2x.png" alt="" />
					</div>
					<div class="bounced_five">
						到账数量：
					</div>
					<div class="bounced_six">
						<div class="bounced_nine">
							<input class="bounced_twelve" type="text" value="0" placeholder="" readonly="readonly" style="color: rgb(18,150,219);" />
						</div>
					</div>
					<div class="bounced_thirteen">
						手续费扣除 <span>10</span>%
					</div>
				</div>
				<div class="cb"></div>
			</div>
			<div class="cb"></div>
			<div class="tx" style="margin-top: 80px;">
				<button class="bounced_fourteen" type="button" style="">基金赎回</button>
			</div>
		</div>
		<!--查看详情-->
		<div class="dialog3">
			<div class="bounced_one">
				查看详情
			</div>
			<div class="Checkdetails">
				<div class="Checkdetails_one">
					<span>订单提交:</span>
					<span>45666</span>
				</div>
				<div class="Checkdetails_one">
					<span>提交时间:</span>
					<span>2200-01-11</span>
				</div>
				<div class="Checkdetails_one">
					<span>交易类型:</span>
					<span>基金赎回</span>
				</div>
				<div class="Checkdetails_one">
					<span>基金数量:</span>
					<span>5000</span>
				</div>
				<div class="Checkdetails_one">
					<span>SCBF:</span>
					<span>5000</span>
				</div>
				<div class="Checkdetails_one">
					<span>手续费:</span>
					<span>5000 <span>SCBF</span></span>
				</div>
				<div class="Checkdetails_one">
					<span>币种:</span>
					<span>BTC</span>
				</div>
				<div class="Checkdetails_one">
					<span>到账数量:</span>
					<span>5000<span>BTC</span></span>
				</div>
				<div class="Checkdetails_one">
					<span>钱包地址:</span>
					<span>diasojdoisahfoiasfhioashfiosafhioashfoisafhioashfioasfh</span>
				</div>
				<div class="Checkdetails_one">
					<span>状态:</span>
					<span style="color: rgb(30,141,205);">已完成</span>
				</div>
			</div>
			<div class="cb"></div>
			<div class="tx" style="margin-top: 40px;">
				<button class="bounced_fourteen" id="fanhui" type="button" style="">返回</button>
			</div>
		</div>
		<script src="js/index_k.js"></script>
		<script src="js/clipboard.min.js"></script>
		<script>
			var clipboard = new Clipboard('.bounced_eleven');
			clipboard.on('success', function(e) {
				var msg = e.trigger.getAttribute('aria-label');
				alert(msg);

				e.clearSelection();
			});
		</script>
		<script type="text/javascript">
			$("#buyfund_shenqing").on('click', function() {
				$(".mask").css('display', 'block');
				$(".dialog").css('display', 'block');
			})
			$(".mask").on('click', function() {
				$(".mask").css('display', 'none');
				$(".dialog").css('display', 'none');
				$(".dialog2").css('display', 'none');
				$(".dialog3").css('display', 'none');
			})
			$("#fanhui").on('click', function() {
				$(".mask").css('display', 'none');
				$(".dialog3").css('display', 'none');
			})
			$("#buyfund_shuhui").on('click', function() {
				$(".mask").css('display', 'block');
				$(".dialog2").css('display', 'block');
			})
			$(".look_details").on('click', function() {
				$(".mask").css('display', 'block');
				$(".dialog3").css('display', 'block');
			})
			
		</script>
	</body>

</html>